<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link type="text/css" rel="stylesheet" href="/static/css/style.css" />
  <%--  <script type="text/javascript" src="scripts/function.js"></script>--%>
    <script src="/static/jquery3.6.0.js"></script>
</head>
<body>
<%--<div id="header" class="wrap">--%>
<%--    <div id="logo"><img src="http://localhost/images/qdn_log.jpg" style="width: 120px;height: 60px"/></div>--%>
<%--    <div class="help"><a href="#" class="shopping">购物车</a><a href="login.html">登录</a><a href="register.html">注册</a><a href="guestbook.html">留言</a></div>--%>
<%--    <div class="navbar">--%>
<%--        <ul class="clearfix">--%>
<%--            <li class="current"><a href="#">首页</a></li>--%>
<%--            <li><a href="#">图书</a></li>--%>
<%--            <li><a href="#">百货</a></li>--%>
<%--            <li><a href="#">品牌</a></li>--%>
<%--            <li><a href="#">促销</a></li>--%>
<%--        </ul>--%>
<%--    </div>--%>
<%--</div>--%>
<%--<div id="childNav">--%>
<%--    <div class="wrap">--%>
<%--        <ul class="clearfix">--%>
<%--            <li class="first"><a href="#">音乐</a></li>--%>
<%--            <li><a href="#">影视</a></li>--%>
<%--            <li><a href="#">少儿</a></li>--%>
<%--            <li><a href="#">动漫</a></li>--%>
<%--            <li><a href="#">小说</a></li>--%>
<%--            <li><a href="#">外语</a></li>--%>
<%--            <li><a href="#">数码相机</a></li>--%>
<%--            <li><a href="#">笔记本</a></li>--%>
<%--            <li><a href="#">羽绒服</a></li>--%>
<%--            <li><a href="#">秋冬靴</a></li>--%>
<%--            <li><a href="#">运动鞋</a></li>--%>
<%--            <li><a href="#">美容护肤</a></li>--%>
<%--            <li><a href="#">家纺用品</a></li>--%>
<%--            <li><a href="#">婴幼奶粉</a></li>--%>
<%--            <li><a href="#">饰品</a></li>--%>
<%--            <li class="last"><a href="#">Investor Relations</a></li>--%>
<%--        </ul>--%>
<%--    </div>--%>
<%--</div>--%>
<div id="register" class="wrap">
    <div class="shadow">
        <em class="corner lb"></em>
        <em class="corner rt"></em>
        <div class="box">
            <h1>欢迎来到XXX--用户登录</h1>
            <form id="loginForm" method="post" action="customerLogin" onsubmit="return checkForm(this)">
                <table>
                    <tr>
                        <td class="field">用户名：</td>
                        <td><input id="customerName" class="text" type="text" name="customerName" /><span></span></td>
                        <span style="color: red">${msg1}</span>
                    </tr>
                    <tr>
                        <td class="field">登录密码：</td>
                        <td><input class="text" type="password" id="passWord" name="customerPwd" /><span></span></td>
                    </tr>
                    <tr>
                        <td class="field">验证码：</td>
                        <td><input class="text verycode" type="text" name="veryCode" /><img id="veryCode" src="manage/yanZhengMa" /><span></span></td>
                        <span style="color: red">${msg}</span>
                    </tr>

                    <tr>
                        <td></td>
                        <td><label class="ui-green"><input id="sub" type="submit" name="submit" value="立即登录" /></label></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
</div>
</body>
<script>
    $(function () {
        $("#sub").click(function () {
            if (($("#customerName").val() == null || $("#customerName").val() === '')  || ($("#passWord").val() == null || $("#passWord").val() === '')){
                // document.getElementById('msg').innerHTML = '用户名不能为空！';
                alert("用户名或者密码不能为空！");
                return false;
            }
            if ($(".verycode").val() == null || $(".verycode").val() === ''){
                alert("验证码不能为空！");
                return false;
            }
        })
    })
    $(function () {
        $("#veryCode").click(function () {
            $(this).attr("src","manage/yanZhengMa?t="+new Date().getTime())
        })
    })
</script>
</html>
